Funciones para el codigo

Codigo

Variables

Se crean dos variables: particulas para almacenar las instancias de partículas y foto para contener una imagen.

Función setup

Se ejecuta al principio.En este caso, crea un lienzo (canvas) de 400x400 píxeles.

Se carga una imagen en la variable "foto".

Se crea un número definido de partículas en el centro del lienzo con colores aleatorios en base a la imagen.

Function draw

Se ejecuta continuamente después de la configuración. Llama al método display para cada partícula, lo que crea la animación.

Define las propiedades y comportamientos de cada partícula.

Cada partícula tiene posición (x, y), velocidad (speedx, speedy), color (col), tamaño (size).

Display

El método display actualiza la posición de la partícula, obtiene el color de la imagen y dibuja la partícula.

Las partículas se mueven por el lienzo, y sus colores se ven afectados por los colores en la imagen cargada.

Las partículas se envuelven alrededor de los bordes del lienzo si se salen de ellos.

Volver al portafolio